<template>
  <menubar ref="topMenu" v-if="!hideTop" id="topMenu"></menubar>
  <div id="base-view">
    <!-- <YvRow>
      <YvCol :span="0" :sm="40" id="mobileInfo" v-if="!hideBottom & !hideTop">当前使用手机/分辨率低于HD，使用PC以获得最佳体验</YvCol>
    </YvRow> -->
    <RouterView></RouterView>
  </div>
  <copyright ref="bottomMenu" v-if="!hideBottom"></copyright>
</template>

<script>
import copyright from './views/public/copyright.vue';
import menubar from './views/public/menubar.vue';
import { get } from './js/request'
export default {

  components: {
    copyright,
    menubar
  },
  data() {
    return {
      hideTop: false,
      hideBottom: false
    }
  },
  created() {

  },
  watch: {
    $route(to, from) {
      const url = new URL(window.location.href);
      this.hideTop = url.searchParams.get('hideTop') || false;
      this.hideBottom = url.searchParams.get('hideBottom') || false;
    }
  },
  methods: {

  }
}
</script>

<style>
@font-face {
  font-family: 'yv-cn-sanjinhei';
  font-display: swap;
  src: url('./assets/font/cn/hei-sanjin.ttf');
}

@font-face {
  font-family: 'yv-en-idea';
  font-display: swap;
  src: url('./assets/font/english/idea-mono.ttf');
}

* {
  font-family: 'yv-en-idea', 'yv-cn-sanjinhei';
  vertical-align: middle;
}

#base-view {
  margin: 0;
  border-radius: 8pt;
  overflow-x: hidden;
  padding: 0 0 5pt 0;
  min-height: 80vh;
  background: white;
  /* z-index: 1; */
}

#topMenu{
  z-index: 999;

}


body {
  background: var(--yv-main-color);
}

#mobileInfo {
  justify-content: center;
  font-size: 10pt;
  color: rgb(155, 155, 155, .5);
  margin: 3pt 0;
  margin: 0 auto;
  text-align: center;
}

/*定义滚动条高宽及背景
 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 6pt;
  height: 6pt;
  background-color: #F5F5F5;
}

/*定义滚动条轨道
 内阴影+圆角*/
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: ;
  background-color: #F5F5F5;
}

/*定义滑块
 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 6pt;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #555;
}
</style>
